.swiper-container{width: 100%; height: 100%; overflow: hidden;}
.banner1{background: url(../images/banner1.jpg) no-repeat center; background-size: cover; text-align: center; padding-top: 22%; box-sizing: border-box;}
.banner2{background: url(../images/banner2.jpg) no-repeat center; background-size: cover; text-align: center; padding-top: 22%; box-sizing: border-box;}
.banner3{background: url(../images/banner3.jpg) no-repeat center; background-size: cover; text-align: center; padding-top: 22%; box-sizing: border-box;}
.swiper-container .b1{width: 67%;}
.swiper-container .b2{width: 94%; margin-top: 9%;}
.swiper-container .b3{width: 72%; margin-top: 9%;}
.swiper-container .b4{width: 88%; margin-top: 9%;}
.swiper-container .b5{width: 84%; margin-top: 9%;}
.swiper-container .b6{width: 88%; margin-top: 9%;}
.click-btn{position: fixed; z-index: 99; display: block; padding: 5px 30px; border-radius: 6px; border: 1px solid #fff; color: #fff; font-size: 16px; bottom: 3%; left: 50%; margin-left: -63px;}
.logo{position: fixed; z-index: 99; width: 100%; box-sizing: border-box; top: 0; background: rgba(0,0,0,0.3); text-align: center; height: 10%; border-bottom: 1px solid rgba(255,255,255,0.6);}
.logo img{height: 72%; margin-top: 2%;}

/*内容页*/
.logo1{background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.12); padding: 15px 25px;}
.logo1 img{width: 100%;}
.notice{border-top:1px solid #f0f0f0; box-shadow: 0 0 6px rgba(0,0,0,0.12); background: #fff; padding: 10px; line-height: 25px; font-size: 14px; color: #666; margin-top: 10px; position: relative;}
.notice i{position: absolute; display: block; left: 10px; top: 14px; background: url(../images/notice1.png) no-repeat left top; background-size: 16px; height: 16px; width: 19px;}
.notice ul li{padding-left: 25px;}
.dif{border-top:1px solid #f0f0f0; box-shadow: 0 0 6px rgba(0,0,0,0.12); background: #fff; margin-top: 10px;}
.dif article{padding: 10px;}
.dif article p{font-size: 14px; color: #4c4c4c; line-height: 30px; margin-bottom: 0;}
.dif article img{width: 86%; display: block; margin: 25px auto;}
.title{padding: 20px 10px 10px; border-bottom: 1px solid #b8b8b8; margin-bottom: 10px; font-size: 18px;}
.title span{position: relative; color: #333333;}
.title span:before{position: absolute; width: 100%; height: 3px; background: #0b336f; content: ""; bottom: -11px;}
.square{width: 100%; height: 335px;}
.square dl{width: 100%; padding: 0 15px; margin-bottom: 15px; position: relative; opacity: 1;}
.square dl:nth-last-child(1){margin-bottom: 0;}
.square dl dt{width: 80px; height: 80px;color: #888; font-size: 40px; text-align: center; line-height: 80px; position: relative; float: left; border: 1px solid #33ABFF; border-radius: 50%;}
.square dl dt i{width: 8px; height: 8px; background: #33abff; border-radius: 50%; display: block; position: absolute;}
.square dl dt span{display: block; width: 100%; height: 100%;}
.square dl dd{float: right; width: calc(100% - 90px); cursor: pointer; overflow: hidden; margin-left: 0; height: 87px; font-size: 12px; color: #4C4C4C; line-height: 25px; padding: 5px 10px; box-shadow: 2px 2px 6px rgba(0,0,0,0.12); box-sizing: border-box; border: 1px solid #33ABFF; border-radius: 20px 0 20px 0;}
.square dl dd:hover{text-shadow: 1px 1px 2px #dedede;}
.box{width: 100%; height: 60px; position: relative; background: url(../images/boxbg.png) no-repeat center; margin-top: 30px; background-size: contain;}
.box span{display: block; position: absolute;}
.box span:before{ content: ''; position: absolute; top: 0; left: 0; right: 0;}
.box span i{position: absolute; display: block; width: 39px; height: 28px; background: url(../images/stag.png) no-repeat; left: 40%; font-size: 12px; line-height: 23px; color: #fff; text-align: center; top: -30px;}
.box .box-p{position: absolute; width: 86%; height: 16px; left: 6%;}
.box0{top: 17px; left: 0; width: 0;}
.box1{width: 20%; background-color: #86e01e; height: 11px; left: 0; top: 23px; border-radius: 10px 0 0 10px;}
.box1:before {bottom: 0;background: url(../images/stripes.png) 0 0 repeat; border-radius: 4px 4px 0 0;}
.box2{width: 20%; background-color: #f2d31b; height: 11px; left: 20%;top: 23px;}
.box2:before {bottom: 0;background: url(../images/stripes.png) 0 0 repeat; border-radius: 4px 4px 0 0;}
.box3{width: 20%; background-color: #f2b01e; height: 11px; left: 40%;top: 23px;}
.box3:before {bottom: 0;background: url(../images/stripes.png) 0 0 repeat; border-radius: 4px 4px 0 0;}
.box4{width: 30%; background-color: #f27011; height: 11px; left: 60%;top: 23px;}
.box4:before {bottom: 0;background: url(../images/stripes.png) 0 0 repeat; border-radius: 4px 4px 0 0;}
.box5{width: 10%; background-color: #f63a0f; height: 11px; left: 90%;top: 23px; border-radius: 0px 10px 10px 0px;}
.box5:before {bottom: 0;background: url(../images/stripes.png) 0 0 repeat; border-radius: 4px 4px 0 0;}
.gd{margin-top: 10px; }
.gd img{width: 100%;}
.patterns,.cost,.tel{border-top:1px solid #f0f0f0; box-shadow: 0 0 6px rgba(0,0,0,0.12); background: #fff; margin-top: 10px;}
.patterns ul li{width: 50%; padding: 15px 0;float: left; text-align: center;}
.patterns ul li img{width: 40%;}
.patterns ul li p{margin-bottom: 0; font-size: 16px; color: #333; padding-top: 10px;}
.cost dl dt{width: 15%; float: left;}
.cost dl dt img{width: 100%;}
.cost dl dd{width: 85%; padding: 0; margin: 0; float: right;}
.cost dl dd h4{font-size: 15px; color: #333333; margin-bottom: 5px; padding-left: 15px; line-height: 25px; font-weight: 400;}
.cost dl dd h5{font-size: 13px; color: #444; line-height: 20px; text-align: center;}
.tel{padding: 30px 0; text-align: center;}
.tel img{width: 90%; display: block; margin: 0 auto 20px;}
.tel p{border-bottom: 1px solid #ccc; font-size: 15px; color: #4c4c4c; line-height: 30px; padding-bottom: 20px; margin-bottom: 0;}
.tel h4{font-size: 17px; color: #4c4c4c; line-height: 30px; padding-bottom: 20px; margin: 0; font-weight: 400; padding-top: 20px; padding-bottom: 10px;}
.tel a{font-size: 14px; color: #4c4c4c; line-height: 30px;font-weight: 400; padding-bottom: 15px;}
.tel .tip{border-top: 1px solid #ccc; margin-top: 20px; padding: 20px 10px 0; font-size: 14px; color: #666; line-height: 30px; text-align:left; text-indent:28px;}
footer{background: url(../images/fbg.png) repeat-x center; position: fixed; bottom: 0; width: 100%; border-top: 1px solid #e0e0e0;}
footer ul{padding: 0; margin: 0;}
footer ul li{float: left; width: 25%; padding: 8px 0; text-align: center; border-right: 1px solid #E0E0E0;}
footer ul li i{color: #595959;}
footer ul li p{margin-bottom: 0; font-size: 15px; color: #333333;}

.move1{position: relative; top: 50px; opacity: 0;}
.move2{position: relative; top: 50px; opacity: 0;}
.move3{position: relative; top: 50px; opacity: 0;}
.move4{position: relative; top: 50px; opacity: 0;}
.move5{position: relative; top: 50px; opacity: 0;}
.move6{position: relative; top: 50px; opacity: 0;}

















































